<template>
 <el-container style="height: 500px; border: 1px solid #eee">
  <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
    <el-menu router :default-active="activeIndex">
        <el-menu-item index="/admin/userPage/fond"> <i class="el-icon-watch"></i>我的收藏</el-menu-item>
    </el-menu>
  </el-aside>
  <el-container>
    <el-main>
     <router-view></router-view>
    </el-main>
  </el-container>
</el-container>
</template>

<style>
.el-container{
  min-height: 80vh;
  /* width: 900px; */
}
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }
  
  .el-aside {
    color: #333;
  }
  .el-main{
  margin: 15px;
}
</style>

<script>
  export default {
    data() {
     
      return {
      }
    },
     computed:{
      activeIndex(){
        return this.$route.path
      }
    }
  };
</script>